<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/about_us.css" />
    <title>{$pcate.name ?: '未名研学'}</title>
</head>

<body>
    <div class="about_us">
        <!--left navigation-->
        <div class="left_navigation">
            <ul>
                {foreach $catelist as $cv}
                {if $cv.id==$cur.id}
                <li class="on">
                    <a href="javascript:;">{$cv.name ?: ''}</a>
                </li>
                {else}
                {php}$cvid = $cv['id'];$pcid = $pcate['id'];$url = url("/item/$pcid-$cvid"){/php}
                <li>
                    <a href='javascript:location.replace("{$url}");'>{$cv.name ?: ''}</a>
                </li>
                {/if}
                {/foreach}


            </ul>
            <!--折叠按钮-->
            <div class="fold">
                <img src="__STATIC__/mobile/img/fold_show.png" alt="" id="show" />
                <img src="__STATIC__/mobile/img/fold.png" alt="" id="hide">
            </div>
        </div>
        <div class="about_box">
            {foreach $content as $cv}
            {if $cv.template=='content'}
            <!--简介-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="about_content">
                    {$cv.content.content|raw|default=''}
                </div>
            </div>
            {elseif $cv.template=='zhuanjiajieshao'}
            <!--专家介绍-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <ul class="team_list teacher_team special_team">
                    {foreach $cv.content as $ccv}
                    <li>
                        <!--人名-->
                        <div class="person_name">
                            <h4></h4>
                        </div>
                        <div class="person_img">
                            <img src="{$ccv.content.thumb ?: ''}" alt="" />
                        </div>
                        <div class="person_job">

                        </div>
                        <div class="person_brief">
                            {$ccv.content.content|raw|default=''}
                        </div>
                    </li>
                    {/foreach}
                </ul>
            </div>
            {elseif $cv.template=='lishiyeji'}
            <!--理念-->
            <div class="about_list">
                <ul class="team_mind">
                    {foreach $cv.content as $ccv}
                    <li>
                        <div class="mind_title">
                            <span>◆</span>
                            <p>{$ccv.content.title ?: ''}</p>
                        </div>
                        <div class="mind_content">
                            <p>{$ccv.content.title2 ?: ''}</p>
                        </div>
                    </li>
                    {/foreach}

                </ul>
            </div>
            {/if}
            {/foreach}
        </div>
    </div>

    <script src="__STATIC__/mobile/js/rem.js"></script>
    <script src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script>
        $('#show').on('click', function() {
            $('.left_navigation').addClass('hide')
            $('#hide').addClass('show')
        })
        $('#hide').on('click', function() {
                $('.left_navigation').removeClass('hide')
                $('#hide').removeClass('show')
        })
        $('.left_navigation ul li.on').on('click', function() {
            $('.about_box').stop(true).animate({
                'scrollTop': 0
            })
        })
    </script>
</body>

</html>